@charset "utf-8";
.clear {
    clear: both;
  }
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: "";
}
.clearfix:after {
clear: both;
}
body{ overflow: hidden;}

.guide{height: 100vh;width: 100%;position: relative;}
.guide video{position: absolute; left: 50%;top: 50%;  transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}

.guide-box{position: relative;z-index: 1;height: 100%;}
.guide-box .logo{text-align: center;padding-top: 5%;}
.guide-box .logo img{width: 36%;}
.guide-box .guide-list{margin-top: 8%;}
.guide-box .guide-list ul li{float: left;width: 20%;text-align: center;}
.guide-box .guide-list ul li a{display: block;}
.guide-box .guide-list ul li i{display: block;width: 100px;height: 100px;border-radius: 50%;background: #fff;margin: auto;}
.guide-box .guide-list ul li i img{width: 52px; margin: auto; vertical-align: middle;margin: 21px 0 0;}
.guide-box .guide-list ul li span{font-size: 1.25em;display: block;color:#fff;font-weight: bold;margin-top: 20px;}
.guide-box .guide-footer{color: #fff;text-align: center;margin-top: 40px;}
.guide-box .guide-footer span{display: inline-block; margin: 0 10px;}
.guide-box .guide-footer span b{display: inline-block;margin: 0 10px;}
.guide-shubiao{position: absolute; bottom: 40px;text-align: center; left: 0; right: 0;}


.music_box {
    width: 74px;
    height: 74px;
    position: absolute;
    right: 20%;
    top: 40px;
    background: url(../images/index/music.png)no-repeat;
    z-index: 999;
    cursor: pointer;
}

@keyframes NextPage {
    0% {
        transform: translateY(0px);
        opacity: 1;
    }

    100% {
        transform: translateY(-30px);
        opacity: 0;
    }


}

@keyframes musicIconRotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes musicIconRotate {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

.music_on {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation: musicIconRotate 3s 0s linear infinite !important;
    animation: musicIconRotate 3s 0s linear infinite !important;
}

@-webkit-keyframes textpulse {
    0% {
        -webkit-transform: scale(1);
        opacity: 0
    }

    10% {
        opacity: 1
    }

    50% {
        -webkit-transform: scale(1.1)
    }

    100% {
        -webkit-transform: none
    }
}

@keyframes textpulse {
    0% {
        transform: scale(1);
        opacity: 0
    }

    10% {
        opacity: 1
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: none
    }
}


@media (max-width: 992px) {
    .guide-box .logo img{width: 80%;}
    .guide-box .guide-list ul li{width: 50%;}
    .guide-box .guide-list ul li a{margin-bottom: 30px;}
    .guide-box .guide-footer{margin-top: 0px;}
    .guide-box .guide-footer b,
    .guide-box .guide-footer span{display: block!important;line-height: 1.8em;}
}

@media (max-height: 992px) {
    .guide-box .logo img{width: 28%;}
    .guide-box .guide-list{margin-top: 4%;}
    .guide-box .guide-list ul li i{width: 70px;height: 70px;}
    .guide-box .guide-list ul li i img{margin: 16px 0 0; width: 40px;}
}
@media (max-width: 780px) {
    .guide-box .logo img{width: 69%;}
    .guide-box .guide-list ul li i{width: 70px;height: 70px;}
    .guide-box .guide-list ul li i img{margin: 16px 0 0; width: 40px;}
    .guide-shubiao{bottom: 20px;}
}